<template>
	<view class="brief">
		<view class="title">课程介绍</view>
		<rich-text class="content" :nodes="content"></rich-text>
		<view class="look" @click="lookOutline(outlineUrl)">查看课程大纲</view>
	</view>
</template>

<script>
	import {
		showToast
	} from '@/utils/index.js'
	import previewOffice from '@/mixins/previewOffice.js'
	export default {
		mixins:[previewOffice],
		props: {
			content: {
				type: String,
				default: ''
			},
			outlineUrl: ''
		},
		data(){
			return {}
		},
		methods: {
			lookOutline(path) {
				this.preview(path);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.brief {
		background-color: #FFFFFF;
		padding-bottom: 90upx;
		margin-top: 38upx;
		font-size: 28upx;
		color: #666666;
	}
	.title {
		font-size: 34upx;
		color: #333;
		margin-bottom: 30upx;
	}
	.content {
		text-indent: 2em;
		font-size: 27upx;
		line-height: 36upx;
		color: #666666;
	}
	img{
		max-width: 100%;
		height: auto;
		margin-top: 100px;
	}

	.look {
		font-size: 28upx;
		color: #4a96f2;
		text-align: center;
		margin-top: 60upx;
	}
</style>
